<!DOCTYPE html>
<head>
<title>Opera animation library demos</title>
<style>
body {
  font: 100%/1.4 sans-serif;
}
</style>
</head>
<body>
<h1>Opera animation library demos</h1>
<p>These are some demos created with the Opera animation library</p>
<ul>
  <li><a href="animateHeight.html">Changing the height of the element</a></li>
  <li><a href="animateHeightAndWidth.html">Changing the height and width of the element</a></li>
  <li><a href="animateWidth.html">Changeing the width of the element</a></li>
  <li><a href="callback.html">Starting a new animation when another on finishes</a></li>
  <li><a href="changeProps.html">Animation that fades the color, and changes the size and location of the element</a></li>
  <li><a href="colors.html">Animation that changes the background color of an element</a></li>
  <li><a href="customAcceleration.html">Acceleration demo</a></li>
  <li><a href="customStrategy.html">Circle of colors</a></li>
  <li><a href="customStrategySpline.html">Randomness</a></li>
  <li><a href="elementsOnCircel.html"></a></li>
  <li><a href="fade.html">Element that fades color on mouseover</a></li>
  <li><a href="fadeColor.html">Text that fades color</a></li>
  <li><a href="fade_2.html">Fading demo</a></li>
  <li><a href="scrollout.html">Scrollout</a></li>
  <li><a href="scrolout_2.html">Scrollout 2</a></li>
  <li><a href="wobbling.html">Wobbling</a></li>
</ul>
</body>